﻿@charset "UTF-8";

*{
    padding: 0px;
    margin: 0px;
}
body{
    min-width: 1600px;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;

}



/*header*/
#header{
      width: 100%;
    height: 200px;

}
.wrap{
    width: 78%;
    margin-left: 13%;

}
/*header-top1*/
#header .header-top1{
    width: 100%;
    height: 70px;
    background-color: #FD4F0A;
    text-align: center;
}
/*header-top2*/

#header .header-top2{
    height: 45px;
    width: 100%;
    background-color: #333333;
}
#header .header-top2 .header-top2-left{
    width: 620px;
    height: 40px;
    margin-left: 15%;
    float: left;
}
#header .header-top2 .header-top2-left p a{
    color:#969696;
    font-size: 13px;
    line-height: 45px;
    padding: 3px;
}
#header .header-top2 .header-top2-left p a:hover{
    color: white;
    font-weight: bold;
}
#header .header-top2 .header-top2-right{
    width: 240px;
    height: 40px;
    float: right;
    margin-right: 15%;

}
#header .header-top2 .header-top2-right p{
    color: #969696;
    float: left;
    line-height: 35px;
    font-size: 13px;
}
#header .header-top2 .header-top2-right p a{
    color: #969696;
    font-size: 13px;
    padding: 5px;
    float: left;
}
#header .header-top2 .header-top2-right p a:hover{
    color: white;
    font-weight: bold;
}
#header .header-top2 .header-top2-right .header-top2-right1{
    width: 120px;
    height: 40px;
    float: right;
    font-size: 13px;
    position: relative;
}
#header .header-top2 .header-top2-right .header-top2-right1:hover,
#header .header-top2 .header-top2-right .header-top2-right1:hover p
{
    background-color: white;
    color: #FD6500;
}
#header .header-top2 .header-top2-right .header-top2-right1 .header-top2-right1-img{
    width: 34px;
    height: 34px;
    float: left;
    line-height: 40px;
    background: url("../img/02.png");
    margin-left: 5px;
    margin-top: 5px;
}
#header .header-top2 .header-top2-right .header-top2-right1:hover .header-top2-right1-img{
    background: url("../img/03.png");
    width: 34px;
    height: 34px;
    float: left;
    line-height: 40px;
    margin-left: 5px;
    margin-top: 5px;
}
#header .header-top2 .header-top2-right .header-top2-right1 .header-top2-right1-div{
    width: 350px;
    height: 0px;
    background-color: white;
    overflow: hidden;
    position: absolute;
    top: 40px;
    right: 0px;
    /*下拉动画效果*/
    transition: height 0.5s;
    z-index: 999;
}
#header .header-top2 .header-top2-right .header-top2-right1:hover .header-top2-right1-div p{
   margin: 40px 50px;
    color: black;

}
#header .header-top2 .header-top2-right .header-top2-right1 .header-top2-right1-div p{
    margin: 40px 50px;
}
#header .header-top2 .header-top2-right .header-top2-right1:hover .header-top2-right1-div{
    width: 350px;
    height: 110px;
    box-shadow: 5px 5px 5px #EEEEEE;
    position: absolute;
    top: 40px;
    right: 0px;
    /*下拉动画效果*/
    transition: height 0.5s;
}
/*header-top3*/
#header .header-top3{
    width: 100%;
    height: 80px;
    position: relative;

}
#header .header-top3 .header-top3-div1{
    width: 60px;
    height: 65px;
    float: left;
    background: url("../img/04.png");
    margin-top: 10px;
}
#header .header-top3 .header-top3-div2{
    width: 170px;
    height: 65px;
    float: left;
    background: url("../img/05.png");
    margin-top: 10px;
    margin-left: 5px;
}
#header .header-top3 .header-top3-div3{
    float: left;
    margin-left: 10px;
    margin-top: 13px;
    width: 600px;
    height: 50px;
}
#header .header-top3 .header-top3-div3 ul li{
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    margin-left: 5px;
    height: 45px;
}
#header .header-top3 .header-top3-div3 ul li a{
    display: block;
    margin-left: 12px;
    color: black;
    font-size: 15px;
    font-weight: 300;

}
#header .header-top3 .header-top3-div3 ul li a:hover{
    color: #FD6500;
}
#header .header-top3 .header-top3-div3 li .header-top3-div3-div{
    width: 1900px;
    height: 0;
    background-color: white;
    overflow: hidden;
    top: 70px;
    position: absolute;
    left: 0px;
    /*下拉动画效果*/
    transition: height .2s;
    z-index: 999;
}
#header .header-top3 .header-top3-div3 li:hover .header-top3-div3-div{
    width: 1900px;
    height: 250px;
    box-shadow: 0 5px 5px #969696;
    top: 70px;
    left: 0px;
    position: absolute;
    /*下拉动画效果*/
    transition: height .2s;
}

#header .header-top3 .header-top3-div3 li .header-top3-div3-div .header-top3-div3-div1{
    width: 190px;
    height: 190px;

    float: left;
    margin-left: 18%;
    margin-top: 20px;
}
#header .header-top3 .header-top3-div3 li .header-top3-div3-div .header-top3-div3-div2{
    width: 190px;
    height: 190px;

    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
#header .header-top3 .header-top3-div3 li .header-top3-div3-div .header-top3-div3-div1 p,
#header .header-top3 .header-top3-div3 li .header-top3-div3-div .header-top3-div3-div2 p{
    font-size: 14px;
     height: 20px;
    margin-left: 28px;
    font-weight: 200;
}
#header .header-top3 .header-top3-div3 li .header-top3-div3-div .header-top3-div3-div1 .header-top3-div3-div1-img,
#header .header-top3 .header-top3-div3 li .header-top3-div3-div .header-top3-div3-div2 .header-top3-div3-div1-img{
    width: 160px;
    height: 140px;
    background: url("../img/08.png") no-repeat;
    margin-top: 5px;
    border-right: 2px solid gainsboro;
}
#header .header-top3 .header-top3-div4{
    float: right;
    width: 350px;
    height: 70px;
    margin-right: 100px;
}
#header .header-top3 .header-top3-div4 .header-top3-div4-img{
    width: 55px;
    height: 55px;
    float: right;
    margin-top: 10px;
    background: url("../img/07.png");

}
#header .header-top3 .header-top3-div4 .header-top3-div4-img:hover{
    background: url("../img/06.png");
    width: 55px;
    height: 55px;
    float: right;
    margin-top: 10px;

}
#header .header-top3 .header-top3-div4 .header-top3-div4-input{
    width: 230px;
    height: 50px;
    float: right;
    margin-top: 10px;

}
/*section*/
#section .section-div1{
    width: 1250px;
    height: 500px;
}
/*    左部 nav    */
#section .section-div1 .section-div1-nav{
    width: 250px;
    height: 400px;
    background-color: rgb(0,18,53);
    float: left;
}
#section .section-div1 .section-div1-nav .section-div1-nav-div1-1{
    width: 280px;
    height: 80px;
    float: left;
}
#section .section-div1 .section-div1-nav .section-div1-nav-div1-1 img{
    margin-left: 15px;
    margin-top: 20px;
    float: left;
}
#section .section-div1 .section-div1-nav .section-div1-nav-div1-1 span{
    float: left;
    margin-left: 15px;
    margin-top: 30px;
}
#section .section-div1 .section-div1-nav .section-div1-nav-div1-1 span:hover{
    color: #FD4F0A;
}
#section .section-div1 .section-div1-nav .section-div1-nav-div1-1 a{
    float: left;
    display: block;
    width: 30px;
    height: 15px;
    padding: 7px 20px;
    color: #FF781E;
    border: 1px solid #FF781E;
    margin-left: 130px;
   margin-top: -25px;
    text-align: center;
    line-height: 15px;
    font-size: 14px;
    font-weight: 100;
}
#section .section-div1 .section-div1-nav .section-div1-nav-div1-1 a:hover{
    background-color:#FF781E ;
    color: white;
}
#section .section-div1 .section-div1-nav ul{
    margin-top: 30px;

}
#section .section-div1 .section-div1-nav ul li{
    position: relative;
}
#section .section-div1 .section-div1-nav ul li a{
    display: block;
    width: 240px;
    height: 40px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 10px;
}
#section .section-div1 .section-div1-nav ul li a:hover{
    background-color:  #FD6500;
}
/*图片轮播*/
#section .section-div1 #wrap{
    float: left;
    width: 960px;
    height: 400px;
    position:relative;
    overflow: hidden;
}
#section .section-div1 #wrap .clear:after{
    overflow:hidden;
    content:"";
    display:block;
    clear:both;
    height:0;
}
#section .section-div1 #wrap   #inner{
    width: 1000%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
#section .section-div1 #wrap #inner img{
    width:10%;
    height: 100%;
    float: left;
}
#section .section-div1 #wrap .paganation{
    width: 100%;
    position: absolute;
    bottom:10px;
    text‐align:center;
    margin-left: 800px;

}
#section .section-div1 #wrap .paganation span{
    background: #F2F2F2;
    color:red;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
     border-radius: 15px;
}
#section .section-div1 #wrap .paganation .selected{
    background: rgba(0,0,0,0.5);
    color:white;

}
#section .section-div1 #wrap .arrow {
    position: absolute;
    top: 0;
    width: 50px;
    height: 80px;
    margin-top: 150px;
    cursor: pointer;
    line‐height: 300px;
    text‐align: center;
}
#section .section-div1 #wrap  .arrow span{
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-left: 5px;
    color: red;
    font-size: 30px;
    font-weight: bold;
}
#section .section-div1 #wrap #right{
    right: 0;
}
#section .section-div1 #wrap  .arrow:hover{
    background: rgba(0,0,0,0.5);
}
/*图片轮播结束 */
#section .section-div1 .section-div1-nav ul li .section-div1-nav-div1{
    width: 0px;
    background-color: white;
    z-index: 999;
    float: left;
    position: absolute;
    height: 405px;
    overflow: hidden;
    left: 250px;
    top: -35px;

}
#section .section-div1 .section-div1-nav ul li .section-div1-nav-div2{
    width: 0px;
    background-color: white;
    z-index: 999;
    float: left;
    position: absolute;
    height: 505px;
    overflow: hidden;
    left: 250px;
    top: -70px;


}
#section .section-div1 .section-div1-nav ul li:hover .section-div1-nav-div1{
    width: 580px;
    height: 420px;
    position: absolute;
   left: 250px;
    top: -35px;

    z-index: 999;
}
#section .section-div1 .section-div1-nav ul li:hover .section-div1-nav-div2{
    width: 300px;
    height: 420px;
    position: absolute;
    left: 250px;
    top: -70px;

    z-index: 999;
}
/*section-div2*/
#section .section-div2{
    float: left;
    margin-top: 20px;
    width: 250px;
    height: 200px;
    background-color: #5F5750;
}
#section .section-div3{
    float: left;
    margin-left:10px;
    margin-top: 20px;
    width: 315px;
    height: 200px;
}
#section .section-div3 img{

    height: 200px;
    width: 315px;
}
#section .section-div3:hover{
    box-shadow: 5px 20px 20px #ABA39B;
}
/*top2          */
.top2{
    clear: left;
    height: 450px;
    margin-top: 170px;
}
.top2 .top2-top p{
    font-size: 28px;
    font-weight: 100;
}
.top2 .top2-top .top2-top-right{
    float: right;
    margin-right: 100px;
    width: 100px;
    height: 30px;
    margin-top: -30px;
}
.top2 .top2-top .top2-top-right div{
    float: left;
    border: 1px solid grey;
    padding: 5px;
    width: 30px;
    height: 20px;
}
.top2 .top2-div{
width: 93%;
    height: 350px;
    margin-top: 30px;

}

.top2 .top2-div .top2-div-div1{
    width: 230px;
    height: 320px;

    border-top: 2px solid orange;
    background-color: #FAFAFA;
    margin-left: 10px;
    float: left;
}
.top2 .top2-div .top2-div-div1 img{
    width: 150px;
    height: 150px;
    margin-left: 45px;
    margin-top: 50px;
}
.top2 .top2-div .top2-div-p1{
    text-align: center ;
    font-size: 15px
}
.top2 .top2-div .top2-div-p2{
    font-size: 12px;
    color: #B0B0B0;
    text-align: center ;
}
.top2 .top2-div .top2-div-p3{
    font-size: 13px;
    color: orange;
    text-align: center ;
}
/*top3*/
.top3{
    height: 800px;
    background-color: #F5F5F5;
    position: relative;
}

.top3 .top3-top .p1{
    float:left;
    width: 300px;
    font-size: 28px;
    font-weight: 100;
    margin-top: 40px;
}
.top3 .top3-top .p2{
    float: right;
    margin-right: -40px;
    width: 300px;
    font-size: 20px;
    margin-top: 20px;
}
.top3 .top3-div1{
    clear: both;
    width: 260px;
    height: 638px;
    overflow: hidden;
    float: left;
    transition:  0.3s;
}
.top3 .top3-div1 img{
    margin-left: -20px;
    height: 638px;
    width: 260px;
}
.top3 .top3-div1:hover{
    margin-top: -3px;
    transition:  0.3s;
}
.top3 .top3-div2{
    width: 200px;
    height: 300px;
    overflow: hidden;
    float: left;
    margin-left: 30px;
    transition:  0.3s;
    background: white;
}
.top3 .top3-div2 .top3-div2-1,
.top3 .top3-div3 .top3-div2-1,
.top3 .top3-div4 .top3-div2-1,
.top3 .top3-div5 .top3-div2-1,
.top3 .top3-div6 .top3-div2-1{
    margin: 0 auto;
    width: 70px;
    height: 20px;
    background-color:orange;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: center;
}
.top3 .top3-div2 p,
.top3 .top3-div3 p,
.top3 .top3-div4 p,
.top3 .top3-div5 p,
.top3 .top3-div6 p {
    text-align: center;
}
.top3 .top3-div2:hover{
    margin-top: -3px;
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
}
.top3 .top3-div2 img,
.top3 .top3-div3 img,
.top3 .top3-div4 img,
.top3 .top3-div5 img,
.top3 .top3-div6 img{
    width: 170px;
    height: 150px;
       margin-left: 20px;
    margin-top:25px;
}
.top3 .top3-div3{
    position: absolute;
    top: 414px;
    left: 510px;
    width: 200px;
    height: 300px;
    overflow: hidden;
    transition:  0.3s;
    background: white;
}
.top3 .top3-div3:hover{
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
    top: 405px;
}
.top3 .top3-div4{
    position: absolute;
    top: 414px;
    left: 742px;
    width: 200px;
    height: 300px;
    overflow: hidden;
    transition:  0.3s;
    background: white;
}
.top3 .top3-div4:hover{
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
    top: 405px;
}
.top3 .top3-div5{
    position: absolute;
    top: 414px;
    left: 974px;
    width: 200px;
    height: 300px;
    overflow: hidden;
    transition:  0.3s;
    background: white;
}
.top3 .top3-div5:hover{
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
    top: 405px;
}
.top3 .top3-div6{
    position: absolute;
    top: 414px;
    left: 1205px;
    width: 200px;
    height: 300px;
    overflow: hidden;
    transition:  0.3s;
    background: white;
}
.top3 .top3-div6:hover{
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
    top: 405px;
}
/*top4*/
.top4{
    width: 100%;
    height: 682px;
    background-color: #F5F5F5; ;
}
.top4 .top4-top{
    width: 100%;
    height: 40px;
}
.top4 .top4-top .p1{
    float: left;
    font-size: 25px;
}
.top4 .top4-top .p2{
    float: right;
    font-size:18px;
  line-height: 40px;
    margin-right: 100px;
}
.top4 .top4-top .p2 a{
    padding: 10px;
}
.top4 .top4-top .p2 a:hover{
    text-decoration: underline;
    color: orange;
}
.top4 .top4-div1{
    float: left;
    width: 240px;
    height: 300px;
    margin-top: 20px;
    transition:  0.3s;
}
.top4 .top4-div1 img{
    width: 240px;
    height: 300px;
}
.top4 .top4-div1:hover{
    margin-top: 10px;
    transition:  0.3s;
}
.top4 .top4-div2{
    float: left;
    background-color: white;
    height: 300px;
    width: 210px;
    margin-top: 20px;
    margin-left: 30px;
    transition:  0.3s;
    z-index: 999;
}
.top4 .top4-div2 .top4-div2-1{
    background-color: #FF6700;
    overflow: hidden;
    width: 210px;
    height: 0px;
    transition:  0.3s;
    z-index: 999;
}
.top4 .top4-div2:hover .top4-div2-1{
    background-color:#FF6700;
    overflow: hidden;
    width: 210px;
    height: 90px;
    margin-top: -76px;
    transition:  0.3s;
    z-index: 999;
}
.top4 .top4-div2:hover{
    margin-top: 10px;
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
}
.top4 .top4-div2 img{
    width: 170px;
    height: 150px;
    margin-left: 20px;
    margin-top:40px;
}
.top4 .top4-div2 p{
    text-align: center;
    margin-top: 5px;
}
.top4 .top4-div3{
    clear: both;
    float: left;
    width: 240px;
    height: 300px;
    margin-top: 20px;
    transition:  0.3s;
}
.top4 .top4-div3 img{
    width: 240px;
    height: 300px;
}
.top4 .top4-div3:hover{
    margin-top: 10px;
    transition:  0.3s;
}
.top4 .top4-div4{
    background-color: white;
    float: left;
    width: 210px;
    height: 130px;
    margin-top: 20px;
    transition:  0.3s;
    margin-left: 30px;
}
.top4 .top4-div4 p{
    font-size: 14px;
}
.top4 .top4-div4 img{
    width: 80px;
    height: 70px;
    margin-top: 32px;
    margin-left: 20px;
    float: left;
}
.top4 .top4-div4:hover{
    box-shadow: 0px 15px 20px #958F8F;
    transition:  0.3s;
}
/*top5**********************************************************/
.top5{
    width: 100%;
    height: 520px;
    background-color: #F5F5F5;
}
.top5 .top5-div1{
    float: left;
    width: 270px;
    height: 420px;
    border: 1px solid black;
    margin-left: 15px;
    margin-top: 20px;
}
/*图片轮播div5****************************************************************/
/*图片div*/
.top5 .clear1:after{
    overflow:hidden;
    content:"";
    display:block;
    clear:both;
    height:0;
}
/*总div*/
.top5 #wrap1{
    float: left;
    width: 270px;
    height: 420px;
    margin-left: 15px;
    margin-top: 20px;
    position:relative;
    overflow: hidden;
}
/*图片div   id*/
.top5 #inner1{
    width: 1000%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
.top5 #inner1 img{
    width:10%;
    float: left;
}
/*页面按钮div */
.top5 .paganation1{
    width: 100%;
    position: absolute;
    bottom:10px;
    text‐align:center;
    margin-left: 3px;

}
.top5 .paganation1 span{
    background: #F2F2F2;
    color:red;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}
/*第一个 span*/
.top5 .paganation1 .selected{
    background: rgba(0,0,0,0.5);
    color:white;
}
/*左右切换按钮*/
.top5 .arrow1 {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100px;
    margin-top: 80px;
    cursor: pointer;
    line‐height: 300px;
    text‐align: center;
}
/*< > */
.top5 .arrow1 span{
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-left: 5px;
    color: red;
    font-size: 30px;
    font-weight: bold;
}
.top5 #right1{
    right: 0;
}
.top5 .arrow1:hover{
    background: rgba(0,0,0,0.5);
}